ul{ transform: rotate(20deg);}
ul>li{ transform: rotate(-20deg);}

div{ transform: skew(45deg);}
div{ transform: skewX(20deg);}
div{ transform: skewY(-20deg);}
div>span{ transform: skew(-45deg);}
div>span{ transform: skewX(-20deg);}
div>span{ transform: skewY(20deg);}

div:hover{ transform: scale(1.5);}
span:hover{ transform: scaleX(0.8);}
span:hover{ transform: scaleY(0.5);}

div{ 
	transform: translate(-50%,-50%);
	transform-origin: bottom right;
}
div{ 
	transform: translateX(50%);
	transform-origin: top left;
}
div{ 
	transform: translateY(50%);
	transform-origin: top left;
}
